// Markdown 内容容器
.markdown-content {
  font-size: 16px;
  line-height: 1.8;
  color: var(--text-color, #333);
  word-wrap: break-word;

  // 标题样式
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 1.5em 0 1em;
    font-weight: 600;
    line-height: 1.25;
    color: var(--heading-color, #111);

    &:first-child {
      margin-top: 0;
    }
  }

  h1 {
    padding-bottom: 0.3em;
    font-size: 2em;
    border-bottom: 1px solid var(--border-color, #eaecef);
  }

  h2 {
    padding-bottom: 0.3em;
    font-size: 1.5em;
    border-bottom: 1px solid var(--border-color, #eaecef);
  }

  h3 {
    font-size: 1.25em;
  }

  h4 {
    font-size: 1em;
  }

  h5 {
    font-size: 0.875em;
  }

  h6 {
    font-size: 0.85em;
    color: var(--text-secondary, #666);
  }

  // 段落和文字
  p {
    margin: 1em 0;
  }

  a {
    color: var(--link-color, #0366d6);
    text-decoration: none;

    &:hover {
      text-decoration: underline;
    }
  }

  strong {
    font-weight: 600;
  }

  em {
    font-style: italic;
  }

  // 列表
  ul,
  ol {
    padding-left: 2em;
    margin: 1em 0;

    ul,
    ol {
      margin: 0;
    }
  }

  ul {
    list-style-type: disc;

    ul {
      list-style-type: circle;

      ul {
        list-style-type: square;
      }
    }
  }

  ol {
    list-style-type: decimal;
  }

  li {
    margin: 0.5em 0;

    > p {
      margin: 0.5em 0;
    }
  }

  // 代码块
  pre {
    padding: 16px;
    margin: 1em 0;
    overflow: auto;
    line-height: 1.45;
    background-color: var(--code-bg, #f6f8fa);
    border-radius: 6px;

    code {
      padding: 0;
      font-family: var(
        --font-mono,
        SFMono-Regular,
        Consolas,
        "Liberation Mono",
        Menlo,
        monospace
      );
      font-size: 85%;
      background-color: transparent;
      border-radius: 0;
    }
  }

  code {
    padding: 0.2em 0.4em;
    font-family: var(
      --font-mono,
      SFMono-Regular,
      Consolas,
      "Liberation Mono",
      Menlo,
      monospace
    );
    font-size: 85%;
    color: var(--code-color, #eb5757);
    background-color: var(--code-inline-bg, rgb(175 184 193 / 20%));
    border-radius: 3px;
  }

  // 项目结构树形展示特殊样式
  .tree-structure {
    padding: 1em;
    margin: 1em 0;
    overflow-x: auto;
    font-family: var(
      --font-mono,
      SFMono-Regular,
      Consolas,
      "Liberation Mono",
      Menlo,
      monospace
    );
    line-height: 1.5;
    color: var(--tree-structure-color, #333);
    white-space: pre;
    background-color: var(--code-bg, #f6f8fa);
    border-radius: 6px;

    // 树形结构的线条和符号颜色
    .tree-line {
      color: var(--tree-line-color, #999);
    }
  }

  // 块引用
  blockquote {
    padding: 0 1em;
    margin: 1em 0;
    color: var(--blockquote-text, #6a737d);
    border-left: 4px solid var(--blockquote-border, #dfe2e5);

    p {
      margin: 0.5em 0;
    }
  }

  // 表格
  table {
    display: block;
    width: 100%;
    margin: 1em 0;
    overflow-x: auto;
    border-collapse: collapse;

    th,
    td {
      padding: 0.5em 1em;
      border: 1px solid var(--table-border, #dfe2e5);
    }

    th {
      font-weight: 600;
      text-align: left;
      background-color: var(--table-header-bg, #f6f8fa);
    }

    tr:nth-child(even) {
      background-color: var(--table-row-even-bg, #f6f8fa);
    }
  }

  // 水平线
  hr {
    height: 1px;
    margin: 2em 0;
    background-color: var(--hr-color, #e1e4e8);
    border: none;
  }

  // 图片
  img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 1em auto;
    border-radius: 4px;
  }

  // 任务列表
  .task-list-item {
    margin-left: -1.5em;
    list-style-type: none;

    input[type="checkbox"] {
      margin: 0 0.5em 0.25em -1.5em;
      vertical-align: middle;
    }
  }

  // 脚注
  .footnotes {
    padding-top: 1em;
    margin-top: 2em;
    font-size: 0.85em;
    color: var(--text-secondary, #666);
    border-top: 1px solid var(--border-color, #eaecef);
  }
}

// 暗黑模式适配
.dark {
  .markdown-content {
    --text-color: #c9d1d9;
    --heading-color: #f0f6fc;
    --link-color: #58a6ff;
    --code-color: #79c0ff;
    --code-bg: #161b22;
    --code-inline-bg: rgb(110 118 129 / 40%);
    --border-color: #30363d;
    --blockquote-border: #3b434b;
    --blockquote-text: #8b949e;
    --table-border: #3b434b;
    --table-header-bg: #161b22;
    --table-row-even-bg: #161b22;
    --hr-color: #30363d;
    --tree-structure-color: #c9d1d9;
    --tree-line-color: #6e7681;
    --text-secondary: #8b949e;
  }
}
